            <section class="col-md-4">
                <h2 class="hidden">Sidebar</h2>


                <section class="widget wdg-tabs " data-showonscroll="true" data-animation="fadeIn">

                    <!--<div class="widget-title clearfix">
                        <h3 class="hidden">Tabs Widget</h3>
                        <div class="sep-widget"></div>
                    </div>-->

                    <div class="widget-content paddingZero clearfix">
                        <ul class="nav nav-tabs">
                            <li class="active"><a href="#comment" data-toggle="tab">Reviews</a></li>
                            <li><a href="#recent" data-toggle="tab">Recent</a></li>
                            <li><a href="#popular" data-toggle="tab">Popular</a></li>
                        </ul>

                        <!-- Tab panes -->
                        <div class="tab-content">

                            <aside class="tab-pane animated fadeInDown" id="recent">
                                <h4 class="hidden">Recent Posts - Tab</h4>

                                <div class="wdg-classic-posts color-theme clearfix">
                                    <ul class="list-unstyled">
                                        <li class="post-item">
                                            <article class="post-box clearfix">
                                                <figure class="wdg-col-4 sec-image">
                                                    <div class="mask-background white"></div>

                                                    <div class="post-type anim"><i class="icon-camera2"></i></div>

                                                    <div class="post-thumbnail border-radius-2px">
                                                        <img class="border-radius-2px" src="themes/panhin/images/70x65.jpg" />
                                                    </div>

                                                    <div class="rating">
                                                        <div class="stars retina x-1">
                                                            <div class="gray"><i></i><i></i><i></i><i></i><i></i></div>

                                                            <div class="fill" style="width: 80%">
                                                                <div class="light"><i></i><i></i><i></i><i></i><i></i></div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <a href="#" class="more"></a>
                                                </figure>

                                                <div class="wdg-col-8 sec-title">

                                                    <span class="btn-srp"><a href="pg-category.html">Food place</a></span>

                                                    <h5><a href="#" title="">ร้านอร่อยใจกลางเมืองภูเก็ต</a></h5>

                                                    <div class="meta-info">

                                                        <span class="author"><i class="icon-user3"></i><a href="#">Serpentsoft</a></span>
                                                        <span class="date"><i class="icon-alarm2"></i>14 Aug 2013</span>

                                                    </div>

                                                </div>
                                            </article>
                                        </li>

                                        <li class="post-item">
                                            <article class="post-box clearfix">
                                                <figure class="wdg-col-4 sec-image">

                                                    <div class="mask-background white"></div>

                                                    <div class="post-type anim"><i class="icon-music"></i></div>

                                                    <div class="post-thumbnail border-radius-2px">
                                                        <img class="border-radius-2px" src="themes/panhin/images/70x65b.jpg" />
                                                    </div>

                                                    <a href="#" class="more"></a>
                                                </figure>

                                                <div class="wdg-col-8 sec-title">

                                                    <span class="btn-srp"><a href="pg-category.html">Food place</a></span>

                                                    <h5><a href="#" title="">เยาว์เย็นตาโฟ กับเมนูหลากหลาย</a></h5>

                                                    <div class="meta-info">

                                                        <span class="author"><i class="icon-user3"></i><a href="#">Serpentsoft</a></span>
                                                        <span class="date"><i class="icon-alarm2"></i>14 Aug 2013</span>

                                                    </div>

                                                </div>
                                            </article>
                                        </li>

                                        <li class="post-item">
                                            <article class="post-box clearfix">
                                                <figure class="wdg-col-4 sec-image">

                                                    <div class="mask-background white"></div>

                                                    <div class="post-type anim"><i class="icon-camera"></i></div>

                                                    <div class="post-thumbnail border-radius-2px">
                                                        <img class="border-radius-2px" src="themes/panhin/images/70x65c.jpg" />
                                                    </div>

                                                    <div class="rating">
                                                        <div class="stars retina x-1">
                                                            <div class="gray"><i></i><i></i><i></i><i></i><i></i></div>

                                                            <div class="fill" style="width: 80%">
                                                                <div class="light"><i></i><i></i><i></i><i></i><i></i></div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <a href="#" class="more"></a>
                                                </figure>

                                                <div class="wdg-col-8 sec-title">

                                                    <span class="btn-srp"><a href="pg-category.html">Menu</a></span>

                                                    <h5><a href="#" title="">ปอเปี๊ยะสด น่าลอง</a></h5>

                                                    <div class="meta-info">

                                                        <span class="author"><i class="icon-user3"></i><a href="#">Mohammad</a></span>
                                                        <span class="date"><i class="icon-alarm2"></i>27 Aug 2013</span>

                                                    </div>

                                                </div>
                                            </article>
                                        </li>

                                    </ul>
                                </div>
                            </aside>

                            <aside class="tab-pane animated fadeInDown" id="popular">
                                <h4 class="hidden">Popular Posts - Tab</h4>

                                <div class="wdg-classic-posts color-theme clearfix">
                                    <ul class="list-unstyled">
                                        <li class="post-item">
                                            <article class="post-box clearfix">
                                                <figure class="wdg-col-4 sec-image">
                                                    <div class="mask-background white"></div>

                                                    <div class="post-type anim"><i class="icon-camera2"></i></div>

                                                    <div class="post-thumbnail border-radius-2px">
                                                        <img class="border-radius-2px" src="" data-src="holder.js/70x65/sky" />
                                                    </div>

                                                    <div class="rating">
                                                        <div class="stars retina x-1">
                                                            <div class="gray"><i></i><i></i><i></i><i></i><i></i></div>

                                                            <div class="fill" style="width: 80%">
                                                                <div class="light"><i></i><i></i><i></i><i></i><i></i></div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <a href="#" class="more"></a>
                                                </figure>

                                                <div class="wdg-col-8 sec-title">

                                                    <span class="btn-srp"><a href="pg-category.html">Music</a></span>

                                                    <h5><a href="#" title="">6 Music Mixing Apps to Help You Be Your Own DJ</a></h5>

                                                    <div class="meta-info">

                                                        <span class="author"><i class="icon-user3"></i><a href="#">Serpentsoft</a></span>
                                                        <span class="date"><i class="icon-alarm2"></i>14 Aug 2013</span>

                                                    </div>

                                                </div>
                                            </article>
                                        </li>

                                        <li class="post-item">
                                            <article class="post-box clearfix">
                                                <figure class="wdg-col-4 sec-image">

                                                    <div class="mask-background white"></div>

                                                    <div class="post-type anim"><i class="icon-music"></i></div>

                                                    <div class="post-thumbnail border-radius-2px">
                                                        <img class="border-radius-2px" src="" data-src="holder.js/70x65/sky" />
                                                    </div>

                                                    <div class="rating">
                                                        <div class="stars retina x-1">
                                                            <div class="gray"><i></i><i></i><i></i><i></i><i></i></div>

                                                            <div class="fill" style="width: 80%">
                                                                <div class="light"><i></i><i></i><i></i><i></i><i></i></div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <a href="#" class="more"></a>
                                                </figure>

                                                <div class="wdg-col-8 sec-title">

                                                    <span class="btn-srp"><a href="pg-category.html">Economy</a></span>

                                                    <h5><a href="#" title="">8 Facebook Cynics Who Doubted the Company's Direction</a></h5>

                                                    <div class="meta-info">

                                                        <span class="author"><i class="icon-user3"></i><a href="#">Serpentsoft</a></span>
                                                        <span class="date"><i class="icon-alarm2"></i>14 Aug 2013</span>

                                                    </div>

                                                </div>
                                            </article>
                                        </li>

                                        <li class="post-item">
                                            <article class="post-box clearfix">
                                                <figure class="wdg-col-4 sec-image">

                                                    <div class="mask-background white"></div>

                                                    <div class="post-type anim"><i class="icon-camera"></i></div>

                                                    <div class="post-thumbnail border-radius-2px">
                                                        <img class="border-radius-2px" src="" data-src="holder.js/70x65/sky" />
                                                    </div>

                                                    <div class="rating">
                                                        <div class="stars retina x-1">
                                                            <div class="gray"><i></i><i></i><i></i><i></i><i></i></div>

                                                            <div class="fill" style="width: 80%">
                                                                <div class="light"><i></i><i></i><i></i><i></i><i></i></div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <a href="#" class="more"></a>
                                                </figure>

                                                <div class="wdg-col-8 sec-title">

                                                    <span class="btn-srp"><a href="pg-category.html">Technology</a></span>

                                                    <h5><a href="#" title="">Apple: 130,000 iOS Apps Are From Chinese Developers</a></h5>

                                                    <div class="meta-info">

                                                        <span class="author"><i class="icon-user3"></i><a href="#">Mohammad</a></span>
                                                        <span class="date"><i class="icon-alarm2"></i>27 Aug 2013</span>

                                                    </div>

                                                </div>
                                            </article>
                                        </li>

                                    </ul>
                                </div>
                            </aside>

                            <aside class="tab-pane animated fadeInDown active" id="comment">
                                <h4 class="hidden">Recent reviews</h4>

                                <div class="wdg-comments clearfix">
                                    <ul class="list-unstyled">
                                        <li class="post-item">
                                            <article class="post-box clearfix">
                                                <figure class="wdg-col-4 sec-image">


                                                    <div class="avatar-thumbnail border-radius-2px">
                                                        <img class="border-radius-2px" src="themes/panhin/images/comment70x65a.jpg" />
                                                    </div>

                                                    <div class="rating">
                                                        <div class="stars retina x-1">
                                                            <div class="gray"><i></i><i></i><i></i><i></i><i></i></div>

                                                            <div class="fill" style="width: 80%">
                                                                <div class="light"><i></i><i></i><i></i><i></i><i></i></div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <a href="#" class="more"></a>
                                                </figure>

                                                <div class="wdg-col-8 sec-title">
                                                    <div class="meta-info">
                                                        <span class="date-time"><i class="icon-alarm2"></i>14 Aug 2013, 05:15 AM</span>
                                                    </div>

                                                    <div class="comment">
                                                        <h5>สงกรานต์</h5>
                                                        <span class="separator"></span>
                                                        <p>Excellent Cellphone</p>
                                                    </div>

                                                    <div class="leave-comment">
                                                        <a href="#">Leave Comment</a>
                                                    </div>
                                                </div>
                                            </article>
                                        </li>

                                        <li class="post-item">
                                            <article class="post-box clearfix">
                                                <figure class="wdg-col-4 sec-image">

                                                    <div class="avatar-thumbnail border-radius-2px">
                                                        <img class="border-radius-2px" src="themes/panhin/images/comment70x65b.jpg" />
                                                    </div>

                                                    <div class="rating">
                                                        <div class="stars retina x-1">
                                                            <div class="gray"><i></i><i></i><i></i><i></i><i></i></div>

                                                            <div class="fill" style="width: 80%">
                                                                <div class="light"><i></i><i></i><i></i><i></i><i></i></div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <a href="#" class="more"></a>
                                                </figure>

                                                <div class="wdg-col-8 sec-title">
                                                    <div class="meta-info">
                                                        <span class="date-time"><i class="icon-alarm2"></i>14 Aug 2013, 05:15 AM</span>
                                                    </div>

                                                    <div class="comment">
                                                        <h5>Jantima k</h5>
                                                        <span class="separator"></span>
                                                        <p>Hi everybody, I like Four theme very much...</p>
                                                    </div>

                                                    <div class="leave-comment">
                                                        <a href="#">Leave Comment</a>
                                                    </div>
                                                </div>
                                            </article>
                                        </li>

                                        <li class="post-item">
                                            <article class="post-box clearfix">
                                                <figure class="wdg-col-4 sec-image">

                                                    <div class="avatar-thumbnail border-radius-2px">
                                                        <img class="border-radius-2px" src="themes/panhin/images/comment70x65c.jpg" />
                                                    </div>

                                                    <div class="rating">
                                                        <div class="stars retina x-1">
                                                            <div class="gray"><i></i><i></i><i></i><i></i><i></i></div>

                                                            <div class="fill" style="width: 80%">
                                                                <div class="light"><i></i><i></i><i></i><i></i><i></i></div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <a href="#" class="more"></a>
                                                </figure>

                                                <div class="wdg-col-8 sec-title">
                                                    <div class="meta-info">
                                                        <span class="date-time"><i class="icon-alarm2"></i>14 Aug 2013, 05:15 AM</span>
                                                    </div>

                                                    <div class="comment">
                                                        <h5>David</h5>
                                                        <span class="separator"></span>
                                                        <p>Progress Colors depending on the ratio! That's Nice...</p>
                                                    </div>

                                                    <div class="leave-comment">
                                                        <a href="#">Leave Comment</a>
                                                    </div>
                                                </div>
                                            </article>
                                        </li>
                                    </ul>
                                </div>
                            </aside>
                        </div>
                    </div>
                </section>